﻿* {
	margin: 0;
	padding: 0;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

.m20 {
	margin-top: 20px;
}

ul,ol {
	list-style: none;
}

strong {
	font-weight: bold;
}

article,aside,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}

.group:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.group {
	display: inline-block;
	clear: both;
}

html .group {
	height: 1%;
}

.group {
	display: block;
}

.clear {
	clear: both;
	width: 100%;
	height: 10px;
}

.cl-20 {
	clear: both;
	width: 100%;
	height: 20px;
}
a{
	color: #0093CA;
}
body {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	background: #EFEFEF url(../images/bk_body.jpg) repeat-x;
	line-height: 130%;
}
/*************************************************************/
.w-page {
	margin: 0 auto;
	width: 910px;
}

#header {
	height: 165px;
	position: relative;
	z-index: 99;
	padding: 0 8px;
}

#logo {
	position: absolute;
	top: 33px;
	left: 5px;
	color: #FFF;
}

#logo a img {
	border: none;
	vertical-align: middle;
	margin-right: 20px;
}

#topMenu {
	width: 910px;
	height: 53px;
	position: absolute;
	top: 108px;
	left: 0;
	background: url(../images/topmenu.png) no-repeat;
}

#topMenu ul.sf-menu {
	padding-top: 15px;
	padding-left: 3px;
}

#topMenu ul.sf-menu li {
	float: left;
	padding: 0 15px;
	font-size: 12px;
}

#topMenu ul.sf-menu li a {
	text-decoration: none;
	text-transform: uppercase;
}

#topMenu ul.sf-menu li li a {
	padding: 0 12px;
}

#topMenu ul.sf-menu li a:hover {
	text-shadow: none;
}

#topMenu ul.sf-menu li li {
	padding: 0;
	padding-top: 2px;
	border: none;
}

#topMenu ul.sf-menu li ul.children,#topMenu ul.sf-menu li ul.sub-menu {
	padding: 0;
	background: url(../images/green/bk_submenu.png) 0 -4px repeat-x;
}

#topMenu ul.sf-menu li ul.children li,#topMenu ul.sf-menu li ul.sub-menu li,#topMenu ul.sf-menu li.page_item ul li
	{
	position: relative;
	line-height: 100%;
	height: 28px;
	text-transform: none;
}

#topMenu ul.sf-menu li ul.children li a,#topMenu ul.sf-menu li ul.sub-menu li a,#topMenu ul.sf-menu li.page_item ul li a
	{
	text-decoration: none;
	display: block;
	padding-top: 7px;
	line-height: 100%;
	border: none;
	text-transform: none;
}

#topMenu ul.sf-menu li ul.children li ul.children a,#topMenu ul.sf-menu li ul.sub-menu li ul.sub-menu a
	{
	text-decoration: none;
	position: relative;
	border: none;
}

#topMenu ul.sf-menu li ul.children,#topMenu ul.sf-menu li ul.sub-menu,#topMenu ul.sf-menu li.page_item ul
	{
	margin-top: -4px;
}

#topMenu ul.sf-menu li ul.children ul.children,#topMenu ul.sf-menu li ul.sub-menu ul.sub-menu
	{
	margin: 0 0 0 25px;
}

#topMenu ul.sf-menu li {
	border-right: 1px solid #E2E733;
}

#topMenu ul.sf-menu li a {
	color: #454A06;
	text-shadow: #CDD458 1px 1px;
}

#topMenu ul.sf-menu li li a {
	color: #333;
}

#topMenu ul.sf-menu li a:hover {
	color: #EBEDBE;
}

#topMenu ul.sf-menu li li {
	border-bottom: 1px solid #E1E632;
}

#topMenu ul.sf-menu li ul.children,#topMenu ul.sf-menu li ul.sub-menu {
	border: 1px solid #E1E632;
	border-bottom: 1px solid #E1E632;
	background: #C3CB10;
}

#topMenu ul.sf-menu li ul.children li a:hover,#topMenu ul.sf-menu li ul.sub-menu li a:hover,#topMenu ul.sf-menu li.page_item ul li a:hover
	{
	color: #fff;
}

#topMenu ul.sf-menu li ul.children li ul.children,#topMenu ul.sf-menu li ul.sub-menu li ul.sub-menu
	{
	border: 1px solid #E1E632;
}

#content {
	padding-bottom: 20px;
}
.w_lft{
	width: 615px;
float: left;
padding-left: 3px;
padding-top: 15px;
}
.title{
	font-size: 28px;
letter-spacing: -1px;
line-height: 100%;
padding-bottom: 15px;
font-weight: bold;
}
.block{
	margin-bottom: 10px;
}
.block h2 {
text-transform: uppercase;
font-size: 15px;
padding: 0;
margin: 0;
padding-bottom: 5px;
font-weight: bold;
color: #16A3E1;
}
.block_a li{
	border-bottom: 1px solid #D1D1D1;
border-top: 1px solid #fff;
padding: 7px 0 7px 12px;
background: url("../images/li.png") 0 12px no-repeat;
}
.block_a li a{
	color: #666;
}
.block_a li a:hover{
	text-decoration: underline;
}
.w_rgt{
	padding: 8px;
	float: left;
	width: 256px;
	border: 1px solid #ccc;
	background: #fff;
	margin-left: 17px;
	margin-top: 15px;
	font-size: 12px;
}
#slider {
	overflow: hidden;
	padding: 7px 0;
	height: 363px;
}

.panel .right {
	padding: 10px;
	float: left;
	width: 252px;
	border: 1px solid #ccc;
	background: #fff;
}

.panel .right .text {
	padding: 10px;
	font-size: 14px;
	background: url(../images/bk_slider_text.jpg) 100% 0 no-repeat;
	height: 317px;
}

.panel .right .text .featured {
	font-size: 11px;
}

.panel .right .text .featured img {
	margin-right: 5px;
}

.panel .right .text p {
	display: block;
	background: url(../images/bk_dotted.png) 0 0 repeat-x;
	margin: 0;
	padding-top: 10px;
}

.panel .right .text h1,.panel .text h1 a {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 0;
	line-height: 110%;
	padding: 8px 0;
	color: #333;
}

.panel .image {
	float: left;
	padding: 10px;
	border: 1px solid #ccc;
	background: #fff;
	margin-right: 13px;
	width: 600px;
	text-align: center;
}

/* CAROUSEL
---------------------------------------------*/
.stepcarousel {
	float: left;
	position: relative; /*leave this value alone*/
	overflow: hidden; /*leave this value alone*/
	width: 100%; /*Width of Carousel Viewer itself*/
	height: 359px; /*Height should enough to fit largest content's height*/
	;
}

.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden;
	/*clip content that go outside dimensions of holding panel DIV*/
	width: 910px;
	/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	position: relative;
}

/*COMMENTS
---------------------------------------------*/
#colLeft h2.comments {
	padding-bottom: 20px;
	background: url(../images/bk_separattor_horiz.jpg) 0 100% repeat-x;
}

#colLeft ul.commentlist {
	list-style-type: none;
	background: url(../images/bk_separattor_horiz.jpg) 0 100% repeat-x;
	padding-bottom: 20px;
	margin-bottom: 15px;
}

#colLeft ul.commentlist li {
	margin-top: 15px;
}

#colLeft ul.commentlist li .text {
	position: relative;
	padding: 12px;
	background: #fff;
	border: 1px solid #D1D1D1;
}

#colLeft ul.commentlist li .text .topLeft {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 12px;
	height: 12px;
	background: url(../images/bk_comment_top_left.jpg) 0 0 no-repeat;
}

#colLeft ul.commentlist li .text .topRight {
	position: absolute;
	top: -1px;
	right: -1px;
	width: 12px;
	height: 12px;
	background: url(../images/bk_comment_top_right.jpg) 0 0 no-repeat;
}

#colLeft ul.commentlist li .text .bottomRight {
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 12px;
	height: 12px;
	background: url(../images/bk_comment_bottom_right.jpg) 0 0 no-repeat;
}

#colLeft ul.commentlist li .text .bottomLeft {
	position: absolute;
	bottom: -1px;
	left: -1px;
	width: 12px;
	height: 12px;
	background: url(../images/bk_comment_bottom_left.jpg) 0 0 no-repeat;
}

#colLeft ul.commentlist li .text .bubble {
	position: absolute;
	top: -9px;
	left: 16px;
	width: 16px;
	height: 10px;
	background: url(../images/bk_bubble.png) 0 0 no-repeat;
}

#colLeft ul.commentlist .commentmetadata span {
	font-size: 12px;
}

#colLeft ul.commentlist li .avatar {
	border: 5px solid #FFF;
	padding: 1px;
	background: #fff;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

#colLeft ul.commentlist li em {
	font-size: 12px;
	padding-top: 5px;
}

#colLeft ul.commentlist li ul.children {
	padding-left: 35px;
}

#colLeft ul.commentlist li .reply {
	font-size: 12px;
}

#colLeft h2.postComment {
	background: url(../images/ico_arrow_post.png) 3px 50% no-repeat;
	padding-left: 28px;
}

.box_info .box_i {
	width: 276px;
	float: left;
	margin-right: 40px;
	border-top: 6px solid #ccc;
	font-size: 12px;
}

.box_info .last {
	margin-right: 0px;
}
.box_info h2{
	padding: 15px 0 15px;
	color: #333;
	font-size: 20px;
}
.box_info p{
	text-align: justify;margin: 0 0 1em;
}
.btn_more{
	display: block;
width: 92px;
height: 30px;
padding-left: 12px;
padding-top: 2px;
font-size: 12px;
clear: both;
background: url(../images/btn_more.png) 0 0 no-repeat;
color: #fff;
}

#footer {
	background: #000 url(../images/footer.jpg) 0 0 repeat-x;
	margin: 0;
	color: #666;
	position: relative;
	font-size: 11px;
	padding-bottom: 20px;
}
#i_footer{
	width: 950px;
margin: 0 auto;
padding: 15px 0 25px;
position: relative;
}
.f_box{
	width: 276px;
float: left;
margin: 0 20px;
font-size: 12px;
color: #515151;
}
.f_box h2{
	font-size: 20px;
	color: #949B0D;
border-bottom: 1px solid #292929;
padding: 10px 0px; 

}
.f_box #f_link li{
	background: url("../images/li.png") left center no-repeat;
	padding:7px 0px;
	padding-left: 15px;
	border-bottom: 1px solid #292929;
}
.f_box li a{
	color: #333;
}
.f_box li a:hover{color: #949B0D;
	
}
li.flickr {
background: url(../images/ico_flickr.png) 0 50% no-repeat;
}
li.facebook {
background: url(../images/ico_facebook.png) 0 50% no-repeat;
}
#social li{
	padding:7px 0px;
	padding-left: 40px;
	border-bottom: 1px solid #292929;
}
#social  li strong{
	color: #efefef;
}
#copy {
clear: both;
padding: 20px 0 10px 20px;
}
#copy  a:hover {
text-decoration: underline;
}
#foo_Menu ul{padding-left: 20px;}
#foo_Menu li{
	float: left;
padding: 0 10px;
border-left: 1px solid #292929;
line-height: 100%;
}

#f_address{
	position: absolute;
right: 80px;
bottom: 10px;
}
.panel .text h1 a:hover{
	text-decoration: underline;
}
.breadcrumbs{border-bottom: 1px solid #ccc;padding-bottom: 8px;}
.breadcrumbs a,.breadcrumbs{
	font-size: 12px;
}
.a_title{
	font-size: 28px;
letter-spacing: -1px;
line-height: 100%;
padding-bottom: 15px;
}
.a_title a{color: #333;font-weight: bold;}
.a_title a:HOVER {
	text-decoration: underline;
}
.meta{
	background: url("../images/meta.jpg") repeat-x;height: 34px;
font-size: 11px;
line-height: 34px;
padding-left: 48px;
position: relative;
margin-bottom: 20px;
text-shadow: #efefef 1px 1px;
}
.date{
color:#fff;	
background: url("../images/date.png") no-repeat;
position: absolute;
left: 1px;
top: -3px;
width: 39px;
height: 44px;
text-align: center;
text-transform: uppercase;
padding-right: 1px;
line-height: 155%;
text-shadow: none;
}
.date strong{
	font-size: 20px;
}
















